<!-- 验证码组件 -->
<script setup lang="ts">
import {ref,computed} from "vue"

const emits = defineEmits<{"update:modelValue":[string]}>();
const props = defineProps<{modelValue:string}>()

const id = ref('')
const codeUri = ref('')
const isOk = ref(false)
const value = ref('')

const refresh = () => {}

const handleInput = (e:any) => {
    value.value = e.target.value;
}

</script>


<template>
    <div>
        <div>
            <!-- icon -->
            <div class="i-heroicons-outline:shield-exclamation"></div>
            <div class="i-heroicons-outline:shield-check"></div>
            <input  :value="value" @input="handleInput" />
        </div>
        <!-- 验证码图片 -->
        <div>
            <img :src="codeUri" />
        </div>
    </div>
</template>